<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" name="viewport">
    <meta http-equiv="content-script-type" content="text/javascript">
    <meta name="format-detection" content="telephone=no">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <link rel="shortcut icon" href="http://image.supvip.cn/1e/de/8001670/2017-09/59cc705d0a98c.png@!w640">
    <meta http-equiv="Cache-Control" content="max-age=900">
    <!--<title>午夜小店</title>-->
    <link rel="stylesheet" href="${contextPath}/staticwx/index/PublicMob/css/dist/style.css?v=201711209968681">
    <link rel="stylesheet" href="${contextPath}/staticwx/index/PublicMob/css/dist/index/header_style46.css">
    <link rel="stylesheet"
          href="${contextPath}/staticwx/index/PublicMob/css/dist/index/activeity_crowdIndex.css?v=201711209968681">
    <link rel="stylesheet" href="${contextPath}/staticwx/swiper/dist/css/swiper.css">
    <link rel="stylesheet" href="${contextPath}/staticwx/city/reset.css">
    <link rel="stylesheet" href="${contextPath}/staticwx/city/shye.css">
    <style>
        .swiper-container {
            width: 100%;
            height: 150px;
        }
    </style>
</head>

<body style="background-color: rgb(255, 255, 255);">
<div class="membersbox pad50">
    <div class="members_con j-diyHtml noMargin">
        <div class="search_goods mobSearch is_fixed_top" style="background-color: rgba(255, 17, 50, 1);">
            <a href="javascript:void(0);" class="ico_left dizhiBtn"><i
                    style="width:15px;float: left;margin-left:-30px;"></i><span
                    style="float:left; margin-left:-10px;margin-top:3px;font-size:16px;"><#if Session.cur_city_name??>${Session.cur_city_name!}</#if></span></a>
            <form class="search_form" method="post" action="${contextPath}/wx/product/list.htm?">
                <div class="formitem">
                    <button type="submit" class="j-search-button"></button>
                    <input type="title" name="keyword" id="keyword" value="" placeholder="商品搜索：请输入商品关键字"></div>
                <input type="hidden" name="cid" id="cid" value="${cid!}"/>
            </form>
        </div>
        <section class="modulePadding" style="padding-top: 45px; padding-bottom: 0px;">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img style="width:100%;"
                                                   src="http://image.supvip.cn/1e/de/8001670/2017-10/59dc94efa5596.jpg@!w640"/>
                    </div>
                    <div class="swiper-slide"><img style="width:100%;"
                                                   src="http://image.supvip.cn/1e/de/8001670/2017-10/59dd8922d3156.jpg@!w640"/>
                    </div>
                    <div class="swiper-slide"><img style="width:100%;"
                                                   src="http://image.supvip.cn/1e/de/8001670/2017-09/59cefd99966b0.png@!w640"/>
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
            </div>
        </section>

        <!--<section class="modulePadding" style="padding-top:5px;padding-bottom:5px;">
            <section class="diy-mod-imgNav col5  clearfix">
                <a href="http://www.huiyingchina.com/Item/group/id/2050831/spB/CYC5Dv/sid/8001670.html?pid=0" class="bdbox">
                    <p><img src="${contextPath}/staticwx/index/PublicMob/images/mob/37nav_img_01.png" class="lazyload" alt="" style="opacity: 1; transition: opacity 0.3s linear;"></p>
                    <p class="txt">新品</p>            </a><a href="http://www.huiyingchina.com/Item/group/id/2050832/yjH/F4Nd/sid/8001670.html?pid=0" class="bdbox">
                <p><img src="${contextPath}/staticwx/index/PublicMob/images/mob/37nav_img_02.png" class="lazyload" alt="" style="opacity: 1; transition: opacity 0.3s linear;"></p>
                <p class="txt">热卖</p>            </a><a href=" /Item/lists?pid=0" class="bdbox">
                <p><img src="http://image.supvip.cn/1e/de/8001670/2017-11/5a17d27314359.png@!w640" class="lazyload" alt="" style="opacity: 1; transition: opacity 0.3s linear;"></p>
                <p class="txt">所有商品</p>            </a><a href="/Order/lists?pid=0" class="bdbox">
                <p><img src="${contextPath}/staticwx/index/PublicMob/images/mob/37nav_img_04.png" class="lazyload" alt="" style="opacity: 1; transition: opacity 0.3s linear;"></p>
                <p class="txt">订单</p>            </a><a href="/Shop/index?pid=0" class="bdbox">
                <p><img src="http://image.supvip.cn/1e/de/8001670/2017-11/5a17d2a1ccbf3.png@!w640" class="lazyload" alt="" style="opacity: 1; transition: opacity 0.3s linear;"></p>
                <p class="txt">主页</p>            </a>    </section>
        </section>-->

        <section class="modulePadding" style="padding-top:10px;padding-bottom:0px;">
            <section class="diy-mod-imgNav col5  clearfix">
                <a href="http://www.huiyingchina.com/Item/detail/id/1324904/sid/8001670.html?pid=0" class="bdbox">
                    <p><img src="http://image.supvip.cn/1e/de/8001670/2017-09/59cb785116d44.jpg@!w640" class="lazyload"
                            alt="" style="opacity: 1; transition: opacity 0.3s linear;"></p>
                    <p class="txt">竹纤维纸巾</p>
                </a>
                <a href="http://www.huiyingchina.com/Item/detail/id/1324977/sid/8001670.html?pid=0" class="bdbox">
                    <p><img src="http://image.supvip.cn/1e/de/8001670/2017-09/59cb7afb7ddac.jpg@!w640" class="lazyload"
                            alt="" style="opacity: 1; transition: opacity 0.3s linear;"></p>
                    <p class="txt">海盐洗护套装</p></a><a
                    href="http://www.huiyingchina.com/Item/group/id/2047801/sid/8001670.html?pid=0" class="bdbox">
                <p><img src="${contextPath}/staticwx/index/PublicMob/images/mob/37nav_img_08.png" class="lazyload"
                        alt="" style="opacity: 1; transition: opacity 0.3s linear;"></p>
                <p class="txt">TT睡衣</p></a>
                <a href="http://www.huiyingchina.com/Item/group/id/2047902/sid/8001670.html?pid=0" class="bdbox">
                    <p><img src="http://image.supvip.cn/1e/de/8001670/2017-09/59cdb5bde3142.png" class="lazyload" alt=""
                            style="opacity: 1; transition: opacity 0.3s linear;"></p>
                    <p class="txt">小白鞋</p></a>
                <a href="http://www.huiyingchina.com/Item/group/id/2047800/sid/8001670.html?pid=0" class="bdbox">
                    <p><img src="http://image.supvip.cn/1e/de/8001670/2017-09/59cb7dc5a7981.jpg@!w640" class="lazyload"
                            alt="" style="opacity: 1; transition: opacity 0.3s linear;"></p>
                    <p class="txt">婷姐皮裤</p></a>
            </section>
        </section>


        <section class="modulePadding" style="padding-top:5px;padding-bottom:5px;">
            <section class="type-title mainTitleStyle2">
                <h2 class="j-title"><i></i>热卖</h2>
            </section>
            <section class="members_goodspic" style="margin-top: 16px;">
                <ul>
                    <#if recList??>
                        <#list recList as pro>
                            <li class="b_mingoods">
                                <div class="b_mingoods_wrapper">
                                    <a href="javascript:void(0);" style="height: 203px;">
                                        <img src="${pro.coverimg!}" class="lazyload" width="100%"
                                             style="opacity: 1; transition: opacity 0.3s linear;">
                                    </a>
                                    <section>
                                        <div class="b_mingoods_new">
                                            <p class="goods-title multiLine">
                                                ${pro.proname!} </p>
                                            <p class="pic_box"><span class="yj">￥${pro.oldprice?string("0.00")}</span>
                                            </p>
                                            <p>
                                                <span class="goods-pirce  fl"><span class="yen">￥</span>${pro.price?string("0.00")}</span>
                                                <em class="r-selled-num fr"><strong>75</strong>件已售</em></p>
                                            <p>
                                            <p>
                                                <span class="r-selled-num fr">
                                                    <ul class="btn-numbox">
                                                        <li><span class="number">数量：</span></li>
                                                        <li>
                                                             <ul class="count">
                                                                <li><span id="num-jian" class="num-jian">-</span></li>
                                                                <li><input type="text" class="input-num" id="input-num" value="1" disabled /></li>
                                                                <li><span id="num-jia" class="num-jia">+</span></li>
                                                             </ul>
                                                        </li>
                            　　　                   </ul>
                                                </span>
                                            </p>
                                            <p>
                                                <span class="addShopCart goods-btn goods-pirce fl" data-id="${pro.id!}"><a href="javascript:void(0);">加入购物车</a></span>
                                                <span class="addBuy goods-btn goods-pirce fr" data-id="${pro.id!}"><a href="javascript:void(0);">立即购买</a></span>
                                            </p>

                                            <!-- <p class="goods-btn" data-id="${pro.id!}"><a href="javascript:void(0);">立即购买</a></p> -->
                                        </div>
                                    </section>
                                </div>
                            </li>
                        </#list>
                    </#if>
                </ul>
            </section>
        </section>
        <section class="modulePadding" style="padding-top:0px;padding-bottom:0px;">
            <section class="mod_goods_list">
                <section class="goods_nav_tab">
                </section>
                <section class="members_goodspic">
                </section>
            </section>

        </section>
    </div>
    <input type="hidden" id="mid" value="${mid!}">
    <section class="members_bottom">
        <section>
            <a href="${contextPath}/wx/index.htm">商城首页<i></i></a>
            <a href="${contextPath}/wx/product/list.htm">所有商品<i></i></a>
            <a href="${contextPath}/wx/member/center.htm">会员中心<i></i></a>
            <a href="javascript:void(0);">待定<i></i></a>
            <a href="javascript:void(0);">待定<i></i></a></section>
    </section>
    <section class="members_bottom support">
        <section style="width:auto;height:auto;padding:0 3.125%;">
            <p>All Rights Reserved ?2017 我爱我城 版权所有</p>
            <p>技术支持：胡涛 </p>
        </section>
    </section>
    <section class="qiboot-content">
        <section id="qiboot-copyleft"
                 style="background-image:url(${contextPath}/staticwx/index/PublicMob/images/logo.jpg)"></section>
        <section id="qiboot-copyright"></section>
    </section>
    <div style="width:100%;margin:0 auto; padding:10px 0; text-align:center;" class="varchar">
        <a href="http://www.miitbeian.gov.cn?pid=4735188" target="_blank"
           style="display:block;vertical-align: top;color: #b3b3b3;height:20px;line-height:20px;">鄂ICP备13027881号-6</a>
    </div>
    <b id="htmlReplace-navCart"></b>
</div>

<div class="nav">
    <section class="inner">
        <section class="nav-lists clearfix hasmenu0">
            <dl class="nav-item j-showNavSub wid4 style0 fl">
                <dt><a href="${contextPath}/wx/index.htm">商城主页</a></dt>
            </dl>
            <dl class="nav-item j-showNavSub wid4 style0 fl">
                <dt><a href="${contextPath}/wx/member/center.htm">会员主页</a></dt>
            </dl>
            <dl class="nav-item j-showNavSub wid4 style0 fl">
                <dt><a href="${contextPath}/wx/order/cartlist.htm?ot=1">购物车</a></dt>
            </dl>
            <dl class="nav-item j-showNavSub wid4 style0 fl">
                <dt><a href="${contextPath}/wx/product/list.htm">所有商品</a></dt>
            </dl>
        </section>
    </section>
</div>
<!-- 会员中心浮层 -->
<!--<section id="userCenter-overlay-close"></section>
<a href="javascript:;" id="userCenter-btn" class="userCenter-btn"></a>
<section id="sideWidget" style="background-color:rgba(0,0,0,0.6);">
    <a href="/Shop/index/sid/8001670.html?pid=4735188" class="sideWidget-btn home"></a>&lt;!&ndash; 返回主页 &ndash;&gt;
    <a href="/Item/cart/sid/8001670.html?pid=4735188" class="sideWidget-btn cart"><i></i></a>&lt;!&ndash; 购物车 &ndash;&gt;
    <a href="tel:0579-89135760" class="sideWidget-btn phone"></a>&lt;!&ndash; 联系店主 &ndash;&gt;

    <a href="#" class="sideWidget-btn gotop" style="display: none;"></a>&lt;!&ndash; gotop &ndash;&gt;
</section>-->
<!-- 网站挂件 -->
<div class="locationLayer">
    <div class="locationMask"></div>
    <div class="loactionCon">
        <div class="con">
            <div class="tit">选择城市</div>
            <ul class="clearfix cityUl">
                <#list cityList as city>
                    <li
                    <#if city.id?? &&Session.cur_city_id?? &&city.id==(Session.cur_city_id!null)>class="selected"</#if>
                    data-id="${city.id!}">${city.cityname!}</li>
                </#list>
            </ul>
        </div>
    </div>
</div>

<section class="loading" id="j-loading"></section>
<script src="${contextPath}/staticwx/index/PublicMob/js/dist/jquery-1.11.1.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
<script src="${contextPath}/staticwx/index/PublicMob/plugins/layzr/layzr.min.js?v=201711209968681"></script>
<script src="${contextPath}/staticwx/swiper/dist/js/swiper.js"></script>
<script src="${contextPath}/staticwx/public.js"></script>
<!--在线客服 -->
<script type="text/javascript">

    $(function () {
        $(".num-jia").on("click" , function (){
            var obj = $(this).closest("ul").find(".input-num");
            obj.val(parseInt(obj.val()) + 1);
            obj.change();
            //var  value = $(".input-num").val();
            //var newValue =  parseInt( $(".input-num").val()) + 1 ;
            //$(".input-num").value = newValue.toString();
        }) ;
        $(".num-jian").on("click" , function (){
            var obj = $(this).closest("ul").find(".input-num");
            if (obj.val() <= 1) {
                obj.val(1);
            } else {
                obj.val(parseInt(obj.val()) - 1);
            }
            obj.change();
            //if( $(".input-num").value <=1){
            //    $(".input-num").value = 1 ;
            //}else {
            //    $(".input-num").value = parseInt( $(".input-num").value) -1 ;
            //}
        }) ;

        $(".dizhiBtn").on("click", function () {
            $(".locationLayer").fadeIn();
            var top = $(".loactionCon .con").height()
            $(".loactionCon").css("marginTop", "-" + top / 2 + "px")
        });

        $(".locationMask").click(function () {
            //$(".locationLayer").fadeOut();
        });
        $(".loactionCon li").click(function () {
            $(this).addClass("selected").siblings().removeClass("selected")
            var cid = $(this).data("id");
            setCity(cid);
            $(".locationLayer").fadeOut();
        });

        var curCity = '${Session.cur_city!}';
        if (!curCity) {
            $(".dizhiBtn").click();  //弹出选择城市列表
        }
    })


    function setCity(cid) {
        $.ajax({
            url: '${contextPath}/wx/setCitySession.htm',
            data: {
                cid: cid
            },
            type: 'post',
            cache: false,
            dataType: 'json',
            success: function (data) {
                var json = $.parseJSON(data);
                if (json.isSuccess == true) {
                    //$(".dizhiBtn").html($(this).text());
                    location.href = "${contextPath}/wx/index.htm";
                } else {
                    showMsg(data.msg);
                }
            },
            error: function () {
                //alert("订单提交异常！");
            }
        });
    }
//    $(".goods-btn").on("click", function () {
//        var pid = $(this).data("id");
//        setOrderSession(pid);
//    })
    $(".addShopCart").on("click", function (){
        var pid = $(this).data("id");
        var count = $(".input-num").val() ;
        addCart(pid ,count);
    })

    $(".addBuy").on("click", function (){
        var pid = $(this).data("id");
        setOrderSession(pid);
    })

    function addCart(pid ,count){
        //setCookie("pid" ,pid ,1);
        var mid = $("#mid").val();
        if (!mid) {
            location.href = "${contextPath}/wx/loginError.htm";
            return false;
        }
        $.ajax({
            url: '${contextPath}/wx/order/addCart.htm',
            data: {
                pid: pid ,
                count :count
            },
            type: 'post',
            cache: false,
            dataType: 'json',
            success: function (data) {
                var json = $.parseJSON(data);
                if (json.isSuccess == true) {
                    showMsg(json.errMessage);
                    //location.href ="${contextPath}/wx/order/orderEdit.htm?ot=1"
                } else {
                    showMsg(json.errMessage);
                }
            },
            error: function (data) {
                var tt = data;
            }
        });

    }

    function setCookie(c_name,value,expiredays)
    {
        var exdate=new Date()
        exdate.setDate(exdate.getDate()+expiredays)
        document.cookie=c_name+ "=" +escape(value)+
            ((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
    }
    function setOrderSession(pid) {
        var mid = $("#mid").val();
        if (!mid) {
            location.href = "${contextPath}/wx/loginError.htm";
            return false;
        }
        $.ajax({
            url: '${contextPath}/wx/order/setOrderSession.htm',
            data: {
                pid: pid
            },
            type: 'post',
            cache: false,
            dataType: 'json',
            success: function (data) {
                var json = $.parseJSON(data);
                if (json.isSuccess == true) {
                    //showMsg(json.errMessage);
                    location.href ="${contextPath}/wx/order/orderEdit.htm?ot=1"
                } else {
                    showMsg(json.errMessage);
                }
            },
            error: function (data) {
                var tt = data;
            }
        });
    }
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        autoplay: 5000,//可选选项，自动滑动
    });

</script>

<div class="FENBOT-CHATBTN-ROUND"
     style="background-color: rgb(28, 137, 213); border-color: rgb(28, 137, 213); color: rgb(255, 255, 255); position: fixed; right: 20px; bottom: 60px;">
    <div class="FENBOT-MOB-ICONS-IMG"><i class="FENBOT-MOB-ICONS CHAT1"></i></div>
</div>
</body>
</html>